<template>
    <swiper>
        <swiper-item v-for="(items,index) in banners" :key="index">
            <a :href="items.link"><img :src="items.image" alt="" @load="imgLoad"></a>
        </swiper-item>
    </swiper>
</template>

<script>
import { Swiper,SwiperItem } from '@/components/common/swiper/index'
export default {
    props:{
        banners:{
            type:Array,
            default(){
                return []
            }
        }

    },
    components:{
        SwiperItem,
        Swiper
    },
  methods:{
    imgLoad(){
       this.$emit('swiperImgLoad')
     }
  }
}
</script>

<style scoped>

</style>
